<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>代理中心</title>
<link rel="stylesheet" type="text/css" href="../css/aui.css">
<link rel="stylesheet" type="text/css" href="../css/aui-slide.css">
<link rel="stylesheet" type="text/css" href="../css/aui-flex.css">
<link rel="stylesheet" type="text/css" href="../css/my.css">
<link rel="stylesheet" type="text/css" href="../css/index.css">
<style type="text/css">
body{
  background: #FE427B;padding-bottom:2rem;
}
#header{
  background: transparent;
}
.center{
  background: white;border-radius: 5px;padding: 0.8rem 0.6rem;color:#6B6B6B;
}
.center h5{
  font-weight: 700;
}
.center li{
  font-size: 0.7rem;
}
.upgrade{
  padding: 0.8rem 0.6rem;color:#6B6B6B;border-radius: 5px;
}
.upgrade h4{
  height:40px;width:100%;
}
.upgrade h4 i{
  float: left;width:25%;height: 20px;border-bottom: 1px solid #ECECEC;
}
.Line1{
  margin-left: 5%;
}
.Line2{
  margin-right: 5%;
}
.upgrade h4 span{
  float: left;width: 40%;text-align: center;margin-top:10px;font-weight: 700;
}
.upgrade h4 span img{
  width:15px;height: 15px;display: inline-block;margin-right: 3px;
}
.term{
  width: 100px;margin: 1rem auto;height: 35px;line-height: 35px;text-align: center;color: #F55D58;border-radius: 35px;border:1px #F55D58 dashed;
}
.twoDiv{
  text-align: center;font-size: 0.7rem;
}
section .ringBox dt{
  text-align: center;height: 80px;width:80px;border:5px solid #F6A2A7;border-radius: 50%;line-height: 80px;margin: 0 auto;background: #F65E59;color:white;
}
section .ringBox dl:nth-child(2) dt{
  border-color:#D8C6B0;background: #B98F65;
}
.twoDiv b{
  color: #F55D58;
}
.twoDiv dt{
  margin: 0.2rem 0;
}
.num{
  text-align: center;margin: 20px 0;
}
.ring{
  width:4rem;height: 4rem;border-radius: 4rem;color: white;border-width:5px;margin: 0 auto;border-style:solid;line-height: 3.5rem;font-size: 0.7rem;
}
.ring1{
  background: #F65E59;border-color:#F0B1AD;
}
.addNum{
  font-size:2rem;
}
.ring2{
  background: #B88E64;border-color:#D9C8B4;
}
.upgrade h6.smallFont{
  color:#939393;text-align: center;margin:10px 0;
}
.standard {
  text-align: center;padding: 8px 0;
  /*background: #F9D340;border:5px solid #FDE599;*/
}
.standard .title{
  margin-bottom: 5px;font-weight: 700;
}
.standard .aui-col-xs-4{
  font-size: 0.6rem;
}
.standard .aui-col-xs-4 b{
  color: #F65E59;margin: 0 5px;
}
.smallFont{
  color:#A6A6A6;margin: 20px 0;
}
.textBox{
  margin:20px 0;text-align: center;
}
.textBox p{
  color: #F65E59;
}
.lgbtn{
  color: white;text-align: center;height: 2rem;border-radius: 2rem;font-size: 0.8rem;line-height: 2rem;width: 90%;margin: 0 auto;background: -webkit-linear-gradient(to top, #FF8839 25%, #FFC46A 75%);
  background: linear-gradient(to top, #FF8839 25%, #FFC46A 75%);text-align: center;padding: 2px 5px;
}
.qyBox {
  padding: 0 0.5rem;
}
.qyBox p{
  text-align: left;
}
.aBox h4{
  height: 40px;width: 100%;
}
.aBox h4 i {
  float: left;width: 20%;height: 20px;border-bottom: 1px solid #ECECEC;
}
.aBox h4 span{
  float: left;width: 50%;text-align: center;margin-top: 10px;font-weight: 700;
}
.aBox h4 span img {
  width: 15px;height: 15px;display: inline-block;margin-right: 3px;
}
.hy_box{margin: 0.75rem 0;background: transparent;}
.hy_box .qy{background: url(../image/newImg/border_k.png) no-repeat 0.3rem 0;background-size: 97% 100%;padding: 0.9rem 1.2rem;color: white;}
.qy img{float: left;width:0.8rem;margin-right: 0.2rem;}
.qy_box{margin:0}
.text_list {margin-bottom: 0.5rem;}
.text_list li{font-size: 0.6rem;margin-bottom: 0.1rem;}
.zf_box_x{overflow: hidden;}
.zf_box{}
.zf_box .zf_list{color:#333333;}
.zf_list h5{text-align: center;}
.zf_list h5 span{display: inline-block;padding: 0.2rem 0;width: 10rem;height: 2.5rem;line-height: 2rem;background: url(../image/newImg/title_bg.png) no-repeat 0 0;background-size: 100% 100%;margin-bottom: 0.5rem;}
.zfvip_list h5{text-align: center;}
.zfvip_list h5 span{display: inline-block;padding: 0.2rem 0;width: 10rem;height: 2.5rem;line-height: 2rem;background: url(../image/newImg/title_bg_vip.png) no-repeat 0 0;background-size: 100% 100%;margin-bottom: 0.5rem;}
.zffgs_list h5{text-align: center;}
.zffgs_list h5 span{display: inline-block;padding: 0.2rem 0;width: 10rem;height: 2.5rem;line-height: 2rem;background: url(../image/newImg/title_bg_fgs.png) no-repeat 0 0;background-size: 100% 100%;margin-bottom: 0.5rem;}
.aui-slide-wrap .aui-slide-node{background: transparent}
.aui-slide-node img{width: 1rem;float: left;margin-right: 0.2rem;}
.zf_info{
  background: url(../image/newImg/z_bg.png) no-repeat 0 0;
  background-size: 100% 100%;padding: 1rem 2rem 0.75rem;font-size: 0.65rem;position: relative;width: 100%}
.zf_info .zf_bg{position: absolute;z-index: -1;width:99.9%;height: 100%;left: 0;top: 0}
.zf_info dl{margin-bottom: 0.2rem;}
.zf_info dt{color: #FE427B;margin-bottom: 0.2rem}
.zf_info dd{color:#333333;padding-left: 1.2rem;}
.wx_box{padding: 0.55rem;margin: 0 0 0.5em}
.wx_info{background: url(../image/newImg/wx_bg.png) no-repeat 0 0;background-size: 100% 100%;padding: 1rem 1rem;}
.wx_list h5{text-align: center;}
.wx_list h5 span{display: inline-block;padding: 0.2rem 0;width: 10rem;height: 2.5rem;line-height: 2rem;background: url(../image/newImg/wx_title.png) no-repeat 0 0;background-size: 100% 100%;margin-bottom: 0.5rem;}
.wx_info dl{background: url(../image/newImg/list_l.png) no-repeat 0 0;background-size: 1rem 1rem;padding: 0 0 0 1.2rem;font-size: 0.65rem;margin-bottom: 0.2rem;color:#333333;}
.wx_info dl dt{color: #FE427B}
.wx_info dl li{margin-bottom: 0.2rem;}
</style>
</head>
<body>
  <section class="aui-content-padded aui-card-list qy_box">
    <img src="../image/newImg/sjqy_bg.png" alt="">
  </section>
  <section class="aui-content-padded aui-card-list hy_box">
    <div class="qy">
      <h4><img src="../image/newImg/z_box.png" alt="">会员升级总监后,收益将大幅度提升哦~</h4>
      <ul class="text_list">
        <li>1.会员升级可选择资格或付月付。</li>
        <li>2.满资格数量可自动升级。</li>
        <li>3.一级会员可无限数量招募。</li>
        <li>4.总监级别享有80%自购与分享奖励。</li>
      </ul>
    </div>
  </section>
  <!--<section class="zf_box_x">
    <div id="aui-slide3">
      <div class="aui-slide-wrap" >
          <div class="aui-slide-node bg-dark zf_list">
            <h5><span></span></h5>
            <div class="zf_info">
              <img src="../image/newImg/z_bg.png" alt=" " class="zf_bg">
              <dl>
                <dt><img src="../image/newImg/list_l.png" alt="">升级条件一</dt>
                <dd>购买299元/永久会员，赠送5980分</dd>
              </dl>
              <dl>
                <dt><img src="../image/newImg/list_l.png" alt="">权益说明</dt>
                <dd>自购50%佣金，分享50%佣金</dd>
              </dl>
            </div>
          </div>
          <div class="aui-slide-node bg-dark zfvip_list">
            <h5><span></span></h5>
            <div class="zf_info">
              <img src="../image/newImg/z_bg.png" alt=" " class="zf_bg">
              <dl>
                <dt><img src="../image/newImg/list_l.png" alt="">升级条件一</dt>
                <dd>培养<span class="lvdi21"></span>个会员资格自动升级(当前<b class="lv1_count"></b>个)</dd>
              </dl>
              <dl>
                <dt><img src="../image/newImg/list_l.png" alt="">升级条件二</dt>
                <dd>购买365元资格/年，赠送7300积分</dd>
              </dl>
              <dl>
                <dt><img src="../image/newImg/list_l.png" alt="">权益说明</dt>
                <dd>自购70%佣金，分享70%佣金</dd>
              </dl>
            </div>
          </div>
          <div class="aui-slide-node bg-dark zffgs_list">
            <h5><span></span></h5>
            <div class="zf_info">
              <img src="../image/newImg/z_bg.png" alt=" " class="zf_bg">
              <dl>
                <dt><img src="../image/newImg/list_l.png" alt="">升级条件一</dt>
                <dd>培养30个VIP会员资格自动升级(当前<b class="lv2_count"></b>个)</dd>
              </dl>
              <dl>
                <dt><img src="../image/newImg/list_l.png" alt="">升级条件二</dt>
                <dd>购买2980元资格/年，赠送59600积分</dd>
              </dl>
              <dl>
                <dt><img src="../image/newImg/list_l.png" alt="">权益说明</dt>
                <dd>自购90%佣金，分享90%佣金</dd>
              </dl>
            </div>
          </div>
      </div>
      <div class="aui-slide-page-wrap" style="position:inherit"></div>
  </div>
</section>-->
  <!-- 温馨提示 -->
<!--  <section class="wx_box">
    <div class="wx_list">
      <h5><span></span></h5>
      <div class="wx_info">
        <dl><dt>特别说明</dt>
          <dd>
            <ul class="wx_text">
              <li>1.业绩奖是指下属团队在平台服务产生的奖金。</li>
              <li>2.团队是指直系发展的会员。</li>
              <li>3.一级分公司是指直接推荐的分公司或VIP升级的分公司。</li>
              <li>4.二级分公司是指一级分公司直接推荐的分公司或VIP升级的分公司。</li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dd>
            满足条件一或条件二任意一个即可自动升级您也可以选择直接付费升级
          </dd>
        </dl>
      </div>
    </div>
  </section>-->


  <section class="aui-content-padded" style="star_box">
      <div class="aui-btn aui-btn-block lgbtn" onclick="openPublic(this)" data-frame="ccus_pay_frm" data-title="支付升级" tapmode>马上升级</div>
      <img src="../image/newImg/star.png" alt="" class="star" style="position: absolute;width: 1.8rem;float: left;right:0;z-index: -2;top: 1.2rem;">
  </section>


</body>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/zepto.min.js" ></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/common.js" ></script>
<script type="text/javascript" src="./script/judge.js" ></script>
<script type="text/javascript">
  apiready = function () {
    api.parseTapmode();
    side();
    getData();
  }
  function side(){
    var slide3 = new auiSlide({
        container:document.getElementById("aui-slide3"),
        // "width":300,
        "height":260,
        "speed":500,
        "autoPlay": 0, //自动播放
        "loop":true,
        "pageShow":false,
        "pageStyle":'line',
        'dotPosition':'center'
    })
  }

  function getData(){
    _loading2();
      _Ajax(window.APIServer.PayInfo,'post',{values:{type:1}},'json',function(ret){
        _loading2_close();
        if (ret.code==1) {

            $('#content1').html(ret.data.content1).text();
            $('#content2').html(ret.data.content2).text();
            $('.lv1_count').text(ret.data.lv1_count);
            $('.lv2_count').text(ret.data.lv2_count);
            $(ret.data.leval_name).each(function(k,v){
              $('.lv'+k).text(v);
            });
            $.each(ret.data.leval_condition,function(k,v){
               $.each(v,function(k1,v1){
                $('.lvdi'+k+k1).text(v1);
               });
            });
        }else{
            _toast(ret.msg)
        }
      });
  }
</script>
</html>
